<template>
    <div id="search">
      <div class="header">
        <div>
          <img src="../../assets/imgs/search/放大镜 .png" alt="">
          <input type="text" :placeholder="placeholder">
        </div>
        <p @click="cancel">取消</p>
      </div>
      <div class="search-hot">
        <p>大家都在搜</p>
        <div>
          <div v-for="(item,index) in hot">{{item}}</div>
        </div>

      </div>
    </div>
</template>
<script>
    export default {
        name: "Search",
      data(){
          return{
            placeholder:'鬼灭之刃',
            hot:['地缚少年花子君','萌师在上','隐山梦谈','我才不会被女孩子欺负呢','乔乔的奇妙冒险(1-5部)','一拳超人'],
            history:[]
          }
      },
      methods:{
          cancel(){
            this.$router.go(-1)
          }
      }
    }
</script>

<style lang="less">
@import "../../assets/css/search/search";

</style>
